<template>
  <div id="financialTradeList">
    <NavBar class="nav" title="委托订单" />
    <div class="Box">
      <wealthListCom
        v-for="item in 10" :key="item"
        icon="https://kmadmin.flash688.com/banner/202105302038095756.jpg"
        investment="5000.00000"
        startDate="2021-07-14"
        endDate="2021-07-28"
        Breach="0.05%"
      />
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navbar'
import wealthListCom from '@/components/wealthListCom'

export default {
  components: {
    NavBar,
    wealthListCom
  }
}
</script>

<style lang="less" scoped>
#financialTradeList {
  .nav {
    position: fixed;
    z-index: 0;
    top: 0;
    width: 100%;
    z-index: 99;
  }
  .Box {
    padding: 10px;
    padding-top: 56px;
    min-height: calc(100vh - 66px);
    background: #f7f6fb;
  }
}
</style>
